.order-detail{
    padding:0 1.5rem;
    h3{
        height: 6.625rem;
        line-height: 6.625rem;
        font-size: 2.25rem;
        color:#FCCC5B;
	}

	.order-step-text {
		background: rgba(0, 0, 0, 0.3);
		border-radius: 6px;
		padding: 1rem 1.5rem;
		text-align: left;
		font-size: 1.5rem;
		margin-top: 1rem;
		color: #fff;

		span {
			float: right;
			font-size: rgba(255, 255, 255, 0.5);
			font-size: 1.25rem;
			color: rgba(255, 255, 255, 0.5);
		}
	}

	.order-detail-tree {
		background: #303030;
		border-radius: 1rem;
		padding: 1rem;

		.order-detail-tree-text {
			display: flex;
			justify-content: space-between;

			span {
				width: 25%;
				display: block;
				text-align: center;
				font-size: 1.5rem;
				color: #CCCCCC;

				&.active {
					color: #FCCC5B;
				}
			}
		}

		.order-detail-tree-tag {
			display: flex;
			justify-content: space-between;
			padding: 0.5rem 0;
			position: relative;

			>div {
				width: 25%;
				text-align: center;
				height: 1.6rem;
				position: relative;
				z-index: 1;

				img {
					display: block;
					margin: 0 auto;
					width: 1.6rem;
					background: #303030;

					&.active {
						display: none;
					}
				}

				&.active {
					img {
						display: none;

						&.active {
							display: block;
						}
					}
				}
			}

			&:before {
				position: absolute;
				content: '';
				width: 37.5%;
				height: .125rem;
				right: 12.5%;
				background: #CCCCCC;
				top: 50%;
				margin-top: -0.075rem;
				z-index: 0;
			}

			&:after {
				position: absolute;
				content: '';
				width: 37.5%;
				height: .125rem;
				left: 12.5%;
				background: #FCCC5B;
				top: 50%;
				margin-top: -0.075rem;
				z-index: 0;
			}

			&.active {
				&:before {
					background: #FCCC5B;
				}
			}
		}

	}

	.order-detail-info {
		h3 {
			color: #FCCC5B;
		}

		p {
			font-size: 1.75rem;
			color: #fff;
			margin-bottom: 2.25rem;
			line-height: normal;

			span {
				float: right;
			}

			a {
				float: right;
				color: #fff;
				padding-right: 3rem;
				background: url(../../assets/images/usercenter/icon-jt.png) right center no-repeat;
				background-size: auto 100%;
			}

			
		}

		.order-detail-info-xcnr {
			pre {
				width: 100%;
				font-size: 1.75rem;
				white-space: pre-line;
				// height: 22rem;
				/* margin-left: 8rem; */
				font-family:MicroSoft YaHei;
				background: #000;
				color: #fff;
				padding: 1rem;
				border: none;
				border-radius: 1rem;
				margin-top: 1rem;
			}
		}

		.order-detail-btn {
			font-size: 2.25rem;
			display: block;
			margin: 4rem auto;
			width: 70%;
			background-color: #FCCC5B;
			line-height: 2.25rem;
			height: 2.25rem;
			box-sizing: content-box;
			padding: 1.25rem 0;
			border-radius: 2.4rem;
			color: #333;
			text-align: center;

			&:active {
				background-color: darken(#FCCC5B, 0.2);
			}

			img {
				height: 2.25rem;
				margin-right: 2rem;
				vertical-align: top;
			}
		}
	}
}